<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog option-dialog" 
    ng-init="init();"
    ng-class="[dialog.isClose? 'isClose' : 'isOpen']">
    <div class="header">
        <div class="title" ng-bind="dialog.item.title | translate"></div>
        <div class="close-btn" ng-click="dialog.back();">
            <img src="image/smes_v340/close.png"></img>
        </div>
    </div>
    <div class="main">
        <div class="item-component" ng-click="dialog.executeProgram();">
            <div class="icon"><img src="image/smes_v340/executeProgram.png" alt=""></div>
            <div class="label" ng-bind="'OptionDialog.executeProgram' | translate">執行作業</div>
        </div>
        <div class="item-component" ng-click="dialog.addFavorite();" ng-if="!dialog.isFavourite()">
            <div class="icon"><img src="image/smes_v340/favorite_add.png" alt=""></div>
            <div class="label" ng-bind="'OptionDialog.addToMyFavourite' | translate">加入我的最愛</div>
        </div>
        <div class="item-component" ng-click="dialog.removeFavorite();" ng-if="dialog.isFavourite()">
            <div class="icon"><img src="image/smes_v340/favourite_remove.png" alt=""></div>
            <div class="label" ng-bind="'OptionDialog.removeFromMyFavourite' | translate">從我的最愛移除</div>
        </div>
    </div>
    <div class="bottom">
        <div class="horizontal-line"></div>
        <!-- 20220726 modify by Alan for#107965 : 配合規格進行調整 -->
        <div class="toggle-component" ng-class="{ 'active': dialog.favouriteInfo.DefaultProgram === dialog.item.name }">
            <div class="toggle" ng-click="dialog.setDefault()">
                <div class="dot"></div>
            </div>
            <div class="label" ng-bind="'OptionDialog.defaultOpen' | translate">預設開啟</div>
        </div>
    </div>
</div>
